<template>
    <div class="mediaMain">
        <el-tabs v-model="activeName2" type="border-card">
            <el-tab-pane :label="$t('缩略图')" name="first">
            </el-tab-pane>
            <el-tab-pane :label="$t('详细信息')" name="second">
            </el-tab-pane>
        </el-tabs>
        <condition-row
            @add="(data) => handCondition('add', data)"
            @action="(data) => handCondition('action', data)"
            @del="handCondition('del')"
            @edit="handCondition('edit')"
            @refresh="handCondition('refresh')"
            @search="(data) => handCondition('search', data)"
        ></condition-row>
        <mini-panel
            ref="miniPanel"
            class="center"
            v-show="activeName2 === 'first'"
            :datas="mediaData" />
        <list
            ref="list"
            class="center"
            v-show="activeName2 === 'second'"
            :list-data="mediaData"
            :has-select="true"
            :list-cols="listCols"
            @editClick="handleEditClick"
            @delClick="handleDelClick">
        </list>
    </div>
</template>

<script>
import MiniPanel from '../../components/MiniPanel'
import List from '@/components/List'
import ConditionRow from '../../media-center/components/ConditionRow'
export default {
    name: '',
    data(){
        return {
            activeName2: 'first'
        }
    },
    components: {
        MiniPanel,
        List,
        ConditionRow
    }
}
</script>

// <style lang="scss" scoped>
// .mediaMain {
//     .el-main {
//         padding: 0;
//     }
//     .el-tabs--border-card {
//         border: 0;
//     }
//     ::v-deep .el-tabs--border-card .el-tabs__content {
//         padding:0;
//     }
// }
// </style>